﻿@model GoDive.App.DestViewModel
@{
    ViewBag.Title = "潜啊：一个专做潜水的自由社区";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section footer{
    <script src="webresource/js/dest.js"></script>
}
<div class="header dest-header">
    @{
        string banner = Model.Banner == null ? string.Empty : "http://120.24.102.165" + Model.Banner.LargeImg;
        <div class="titles-card" style="background-image: url('@banner');"></div>
    }
    <div class="header-title">
        <h1>你好，深蓝！</h1>
    </div>
    <div class="search-wrap dest-search hidden-xs">
        <div class="search-mask">
            <div class="input-group">
                <input type="text" class="form-control search-input" placeholder="我想去...">
                <span class="input-group-btn">
                    <button class="btn btn-default search-btn" type="button"><i class=" icon icon-search"></i></button>
                </span>
            </div>
            <div>
                @{
                    foreach (var item in Model.RecommendDes)
                    {
                        <a href="/dest/detail/@item.ID">@item.Name</a>
                    }
                }
            </div>
        </div>
    </div>
</div>
<div class="container main">
    <div class="dist-title">
        <h3>全球目的地</h3><span class="">（拼音按首字母排序）</span>
    </div>
    <div class="dist-list">
        @{
            foreach (var reg in Model.Regions)
            {
                <h4>@reg.Name&nbsp;&nbsp;@reg.EnName</h4>
                <div class="row">
                    @foreach (var des in reg.Destinations)
                    {
                        <div class="col-md-3 col-xs-6 item"><a class="name" href="/dest/detail/@des.ID">@des.Name<span>@des.EnName</span></a></div>
                    }
                </div>
            }
        }
    </div>
</div>